其他
这 6 个 CSS 开源项目牛!
本文盘点了 6 个让人惊叹的开源项目,让你体会 CSS 的强大。之所以惊叹是因为如下项目都是使用 CSS 实现: Instagram 滤镜 CSS 实现设备展示 CSS 艺术画 30 个 CSS 碎片拼图,30 种濒临灭绝动物 红白机风格的 CSS 框架 Magic CSS
<img src="assets/img/instagram.jpg">
</figure>
iPhone X iPhone 8 Google Pixel 2 XL Google Pixel Samsung Galaxy S8 iPad Pro Surface Pro Surface Book MacBook MacBook Pro Surface Studio iMac Pro Apple Watch
30 个 CSS 碎片拼图,30 种濒临灭绝动物
30 种稀有物种面临生存危机,通过 CSS 实现的 30 个碎片拼图呈现它们,你能看到它们在挣扎,在反抗,CSS 展现了一场物种危机。
通过 package manager 安装
# or
yarn add nes.css
JavaScript
// script.js
import "nes.css/css/nes.min.css";
您需要安装 css 加载程序
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />